<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>领取会员卡</title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<meta content="yes" name="apple-mobile-web-app-capable">
		<meta content="yes" name="apple-touch-fullscreen">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta content="telephone=no,email=no" name="format-detection">
		<!--[if lt IE 9]> 
		<script src=http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> 
		<![endif]-->
		<script type="text/javascript" src="../js/init.js"></script>
		<!--<link rel="stylesheet" type="text/css" href="css/home.css" />-->
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
		<link rel="icon" href="../images/favicon.ico" />
		<style type="text/css">
			header {
				height: 0.88rem;
				line-height: 0.88rem;
				background-color: #fff;
				position: relative;
			}
			
			header .back {
				color: #000;
				position: absolute;
				top: 0.2rem;
				left: 0.2rem;
			}
			
			header .more {
				color: #000;
				position: absolute;
				top: 0.2rem;
				right: 0.2rem;
			}
			
			section.VIPcard {
				padding: 0.2rem;
			}
			
			section .card {
				margin: 0 0.44rem;
				background-color: #000;
				color: #fff;
				border-radius: 0.2rem;
				height: 3.74rem;
				font-size: 0.3rem;
				position: relative;
			}
			
			.VIPcard .card .one span {
				position: absolute;
			}
			
			.VIPcard .card .one .sculpture {
				top: 0.3rem;
				left: 0.5rem;
				width: 1.1rem;
				height: 1.1rem;
				background-color: #bfbfbf;
				border-radius: 50%;
			}
			
			.VIPcard .card .one .icon {
				position: absolute;
				top: 0.48rem;
				right: 0.48rem;
			}
			.VIPcard .card .one .icon img {
				width: 0.48rem;
			}
			.VIPcard .card .one .title {
				left: 1.92rem;
				top: 0.5rem;
			}
			
			.VIPcard .card .one .VIP {
				left: 1.92rem;
				top: 0.9rem;
			}
			
			.VIPcard .card .two {
				position: absolute;
				font-size: 0.5rem;
				left: 0.52rem;
				bottom: 1.04rem;
			}
			
			.VIPcard .card .three {
				position: absolute;
				left: 0.52rem;
				bottom: 0.4rem;
			}
			.VIPcard .card {
				margin-bottom: 0.32rem;
			}
			.VIP {
				font-size: 0.26rem;
				position: relative;
				height: 0.5rem;
			}
			.VIP span {
				position: absolute;
				left: 1.4rem;
			}
			.VIP .iconfont {
				left: 0.88rem;
				width: 0.4rem;
				height: 0.4rem;
				text-align: center;
				line-height: 0.4rem;
				color: #fff;
				background-color: #000;
				border-radius: 50%;
			}
			.VIP .legal {
				top: 0.02rem;
			}
			.VIPcard .legalCon {
				padding: 0 0.43rem;
				font-size: 0.26rem;
				line-height: 0.52rem;
			}
			.VIPcard .ps {
				padding: 0 0.43rem;
				font-size: 0.26rem;
			}
			.VIPcard button {
				display: block;
				margin: 1.5rem auto 0;
				background-color: #fff;
				color: #5eb254;
				width: 3.6rem;
				height: 0.9rem;
				border: 1px solid #5EB254;
				border-radius: 0.1rem;
				font-size: 0.32rem;
			}
			.VIPcard button a {
				text-decoration: none;
				color: #5EB254;
			}
		</style>
	</head>

	<body>
		<header>
			<span class="iconfont back">&#xe601;</span>
			<span class="iconfont more">&#xe600;</span>
		</header>
		<section class="VIPcard">
			<div class="card">
				<div class="one">
					<span class="sculpture"></span>
					<span class="title">婚礼青年</span>
					<span class="VIP">会员卡</span>
					<span class="icon"><a href="VIPcardNum.html"><img src="../images/erweima.png" alt="" /></a></span>
				</div>
				<div class="two">VIP</div>
				<div class="three">0159 6013 1327</div>
			</div>
			<div class="VIP"><span class="iconfont">&#xe616;</span><span class="legal">会员权益</span></div>
			<div class="legalCon">（会员即享199元优惠）3000积分免费为您私人订制证件照；30000积分即享泰国5天4晚自由行等，更多优惠请留意VIP里的“玩起来”。</div>
			<div class="ps">PS：积分可送哦～～～～</div>
			<button><a href="VIPcard.html">领取到卡包</a></button>
		</section>
		
	</body>

</html>